<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"><!--ie使用edge渲染模式-->
    <meta name="renderer" content="webkit"><!--360渲染模式-->
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0, user-scalable=no">
    <title>师资列表</title>
    <script src="../lib/basicSize.js"></script>
    <link rel="stylesheet" href="../../mobile/css/basic.css">
    <link rel="stylesheet" href="../../mobile/css/teacherList.css">
    <script src="../../mobile/lib/loading.js"></script>
</head>
<body>
<!--导航栏-->
<header class="header">
    <div class="header-body">
        <a href="./homepage.html" class="logo">
            <img src="../../mobile/img/images/LOGO.jpg" alt="领航考研">
        </a>
        <a href="../../mobile/view/searchInfo.html" class="search">
            <span>搜索</span>
        </a>
        <div id="dl-menu" class="dl-menuwrapper">
            <button id="dl-menu-button">Open Menu</button>
            <ul class="dl-menu">
                <li><a href="../../mobile/view/homepage.html">首页</a></li>
                <li><a href="../../mobile/view/courseSuggest.html">课程介绍</a></li>
                <li><a href="../../mobile/view/teacherList.html">师资介绍</a></li>
                <li><a href="../../mobile/view/newsList.html">考研咨询</a></li>
                <li><a href="#">最新活动</a></li>
                <li><a href="#">招聘信息</a></li>
                <!--<li><a href="#">联系我们</a></li>-->
                <li><a href="../../mobile/view/searchCourse.html">搜索课程</a></li>
                <li>
                    <a href="#">更多</a>
                    <ul class="dl-submenu">
                        <li class="dl-back"><a href="#">返回上一级</a></li>
                        <li class="r-code">
                            <img class="qrCode" src="../../mobile/img/images/qrCode.jpg">
                            <span>领航考研公众号</span>
                            <!--<img src="../../mobile/img/images/mianfei.png">-->
                            <!--<img src="../../mobile/img/images/zaixian.png">-->
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</header>


<!--主体-->
<div class="list-body">
    <div class="top-ad"></div>
    <div class="num-list">
        <ul>
            <li>
                <button>
                    <span class="num-teacher">14582</span>
                    <span class="add-icon">+</span>
                    <span class="level-icon">独家签约名师</span>
                </button>
            </li>
            <span class="num-list-line"></span>
            <li>
                <button>
                    <span class="num-teacher">256</span>
                    <span class="add-icon">+</span>
                    <span class="level-icon">英语老师</span>
                </button>
            </li>
            <span class="num-list-line"></span>
            <li>
                <button>
                    <span class="num-teacher">182</span>
                    <span class="add-icon">+</span>
                    <span class="level-icon">数学老师</span>
                </button>
            </li>
            <span class="num-list-line"></span>
            <li>
                <button>
                    <span class="num-teacher">502</span>
                    <span class="add-icon">+</span>
                    <span class="level-icon">政治老师</span>
                </button>
            </li>
            <span class="num-list-line"></span>
            <li>
                <button>
                    <span class="num-teacher">4582</span>
                    <span class="add-icon">+</span>
                    <span class="level-icon">专业课老师</span>
                </button>
            </li>
        </ul>
    </div>
    <div class="teacher-list">
        <ul>
            <li>
                <div class="teacher-info-area">
                    <a href="javascript:void(0)" onclick="showInfo()" class="teacher-info-left"></a>
                    <div class="teacher-info-right">
                        <div class="teacher-infoBox">
                            <span class="name">范老师</span>
                            <span class="level">金牌考研教师</span><br>
                            <span class="skill">特长：</span>
                            <span class="skillInfo">专业课程强化培训</span>
                            <span class="skillInfo">专题预测分析</span>
                            <div class="info-font">
                                <p>副教授 , 7年考研英语辅导经验 , 尤其擅长阅读规律分析深度解析,授课
                                    风格丰富多样 , 机智幽默与严格要求并存 , 严谨知识与精妙感悟共存。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="teacher-info-area">
                    <a href="javascript:void(0)" onclick="showInfo()" class="teacher-info-left"></a>
                    <div class="teacher-info-right">
                        <div class="teacher-infoBox">
                            <span class="name">范老师</span>
                            <span class="level">金牌考研教师</span><br>
                            <span class="skill">特长：</span>
                            <span class="skillInfo">专业课程强化培训</span>
                            <span class="skillInfo">专题预测分析</span>
                            <div class="info-font">
                                <p>副教授 , 7年考研英语辅导经验 , 尤其擅长阅读规律分析深度解析,授课
                                    风格丰富多样 , 机智幽默与严格要求并存 , 严谨知识与精妙感悟共存。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="teacher-info-area">
                    <a href="javascript:void(0)" onclick="showInfo()" class="teacher-info-left"></a>
                    <div class="teacher-info-right">
                        <div class="teacher-infoBox">
                            <span class="name">范老师</span>
                            <span class="level">金牌考研教师</span><br>
                            <span class="skill">特长：</span>
                            <span class="skillInfo">专业课程强化培训</span>
                            <span class="skillInfo">专题预测分析</span>
                            <div class="info-font">
                                <p>副教授 , 7年考研英语辅导经验 , 尤其擅长阅读规律分析深度解析,授课
                                    风格丰富多样 , 机智幽默与严格要求并存 , 严谨知识与精妙感悟共存。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="teacher-info-area">
                    <a href="javascript:void(0)" onclick="showInfo()" class="teacher-info-left"></a>
                    <div class="teacher-info-right">
                        <div class="teacher-infoBox">
                            <span class="name">范老师</span>
                            <span class="level">金牌考研教师</span><br>
                            <span class="skill">特长：</span>
                            <span class="skillInfo">专业课程强化培训</span>
                            <span class="skillInfo">专题预测分析</span>
                            <div class="info-font">
                                <p>副教授 , 7年考研英语辅导经验 , 尤其擅长阅读规律分析深度解析,授课
                                    风格丰富多样 , 机智幽默与严格要求并存 , 严谨知识与精妙感悟共存。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <div class="show-more-area">
        <div class="btn-box">
            <button>加载更多</button>
            
        </div>

    </div>
</div>
<!--底部导航-->
<div class="bottom-nav-area">
    <ul>
        <li class="li-one">
            <a href="#"></a>
        </li>
        <span class="li-line"></span>
        <li class="li-two">
            <a href="../../mobile/view/signin.html"></a>
        </li>
        <span class="li-line"></span>
        <li class="li-three">
            <a href="#"></a>
        </li>
        <span class="li-line"></span>
        <li class="li-four">
            <a href="javascript:scroll(0,0)"></a>
        </li>
    </ul>
</div>
<!--详情弹框-->
<div class="info_detail_box hideDom">
    <div class="info_box">
        <div class="close_btn_area">
            <button class="close_modal_btn"></button>
        </div>
        <div class="info_img_area"></div>
        <div class="info_font-new">
            <span class="name-new">范老师</span>
            <span class="level-new">金牌考研教师</span><br>
            <span class="skill-new">特长：</span>
            <span class="skillInfoOne-new">专业课程强化培训</span>
            <span class="skillInfoTwo-new">专题预测分析</span>
        </div>
        <div class="info_font_detail">
            <p>
                副教授 , 7年考研英语辅导经验 , 尤其擅长阅读规律分析深度解析,授课
                风格丰富多样 , 机智幽默与严格要求并存 , 严谨知识与精妙感悟共存。
            </p>
            <p>
                副教授 , 7年考研英语辅导经验 , 尤其擅长阅读规律分析深度解析,授课
                风格丰富多样 , 机智幽默与严格要求并存 , 严谨知识与精妙感悟共存。
            </p>
        </div>
    </div>
</div>
<script src="../../mobile/lib/jquery/jquery.min.js"></script>

<!--导航栏-->
<script src="../../mobile/lib/nav/moder.js"></script>
<script src="../../mobile/lib/nav/setNav.js"></script>

<script src="../../mobile/js/teacherList.js"></script>

</body>
</html>